{% macro render_article_item(post) %}
    <div class="article mod-article" data-aid="{{ post.post_id }}">
        <div class="mod-thumb hover-scale">
            <a class="transition" href="{{ url_for('main.article_detail', post_id=post.post_id) }}" target="_blank">
                <!--img class="lazy" data-original="{{ post.image }}" src="{{ url_for('static', filename='dist/images/default-thumb.png') }}" alt="{{ post.title }}"-->
                <img src="{{ post.get_thumb() }}" /> <!-- TODO recover -->
            </a>
        </div>
        <div class="mod-word">
            <h3 class="title">
                <a class="transition" href="{{ url_for('main.article_detail', post_id=post.post_id) }}" target="_blank">
                    {{ post.title }}
                </a>
            </h3>
            <div class="des">
                {{ post.excerpt }}
            </div>
            <div class="meta">
                <div class="author">
                    <a rel="nofollow" href="{{ url_for('main.user_homepage', user_id=post.author_id) }}" target="_blank">
                        <img class="avatar" src="{{ User(user_id=post.author_id).get_avatar(size=30) }}">
                        <span>{{ User(user_id=post.author_id).nickname or User(user_id=post.author_id).name }}</span>
                    </a>
                </div>
                <div class="time">
                    <span class="glyphicon glyphicon-time"></span>
                    <span>{{ post.publish_at.strftime('%Y/%m/%d %H:%M') }}</span>
                </div>
                <a class="comment" rel="nofollow" href="{{ url_for('main.article_detail', post_id=post.post_id) }}#comments" target="_blank">
                    <span class="glyphicon glyphicon-comment"></span>
                    <span>{{ post.comment_count }}</span>
                </a>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
{% endmacro %}